<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{{ title }}</title>

        <link rel="shortcut icon" type="image/vnd.microsoft.icon"
            href="//fedoraproject.org/static/images/favicon.ico"/>

        <!--<link rel="stylesheet" href="{{ basepath }}/ui/fedora/fedora.css?v=0c4c5a3ae8781de41b62d3f5862a8e46">-->
        <link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.0/fedora-bootstrap.min.css" rel="stylesheet">
        <link href='/ui/fedora/fonts/fonts.css?v=67bec19c506ab613d1922c53f63ae4ba' rel='stylesheet' type='text/css'>
        <meta name="generator" content="Ipsilon">
        <style>
            .bodycontent { min-height: 85vh; }
        </style>


        {%- if heads %}
          {%- for group, value in heads.items() %}
            {%- for head in value %}
              {{ head | safe }}
            {%- endfor %}
          {%- endfor %}
        {%- endif %}
    </head>
    <body>
        <div class="masthead">
            <div class="container text-center">
                <img alt="logo" src="{{ basepath }}/ui/fedora/fedora-authn-logo-white.png?v=dcabcce440f62c6282cfffb82f2f5614" height=40px />
            </div>
        </div>
        <div class="bodycontent p-t-lg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <div class="row">
                            <div class="col-xs-12 text-center">
                                {% block toptext %}{% endblock %}
                            </div>
                        </div>
                        <div class="row p-b-lg">
                            <div class="{% block cardwidths %}{% endblock %}">
                                <div class="card">
                                    <div class="card-header small">
                                        {% block maintitle %}{% endblock %}
                                    </div>
                                    <div class="card-block">
                                        {% block main %}{% endblock %}
                                    </div>
                                </div>
                                {% block after_card %}{% endblock %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer p-t p-b text-center">
            <div class="container">
                <p class="text-muted credit">
                    Fedora FAS Login uses OpenID powered by <a href="https://ipsilon-project.org/" target="_blank">Ipsilon</a>
                </p>
            </div>
        </div>
    </body>
</html>
